<template>
	<view class="coupon" style="margin-bottom: 16rpx;" v-if="item!='{}'">
		<!-- 优惠券组件 -->
		<view class="w-100 b-box d-flex flex-c ali-i-c just-c" 
			style="border-radius: 16rpx;overflow: hidden;height: 248rpx;">
			<view style="height: 168rpx;padding: 0 28rpx 0 48rpx;" :style="{backgroundColor:item.isuse===0 ?'#FE8D0A': '#cccccc'}"
				class="w-100 d-flex flex-r ali-i-c just-s b-box">
				<view class="d-flex flex-r ali-i-c just-s" style="margin-right: 48rpx;">
					<text class="pf-sc fw-500 c-fff po-re" style="font-size: 36rpx;top:16rpx">¥</text>
					<text class="pf-sc fw-500 c-fff" style="font-size: 76rpx;">{{item.money1}}</text>
				</view>
				<view class="d-flex flex-c ali-i-s just-sw">
					<text  class="pf-sc fw-500 c-fff" style="margin-bottom: 8rpx;font-size: 32rpx;">满{{item.money2}}可用</text>
					<!--  -->
				</view>
			</view>
			<view class="w-100 b-box bg-ff d-flex flex-r ali-i-c just-sw" style="height:80rpx;padding: 0 28rpx 0 48rpx;">
				<text class="pf-sc fw-400" style="font-size: 26rpx;color: #666666;">有效期至{{item.yxtime}}</text>
				<!-- 待使用 -->
				<view v-if="item.isuse===0" class="d-flex flex-r ali-i-c just-s b-box">
					<text class="pf-sc fw-400" style="font-size: 26rpx;color: #333333;">去使用</text>
					<image :src="require('../../static/rightc.png')" class="po-re" 
						style="width: 15rpx;height: 26rpx;margin-left: 10rpx;top:2rpx"></image>
				</view>
				<!-- 已使用 -->
				<view v-else-if="item.isuse===1" class="d-flex flex-r ali-i-c just-e b-box">
					<text class="pf-sc fw-400" style="font-size: 26rpx;color: #999999;">已使用</text>
				</view>
				<!-- 已过期 -->
				<view v-else-if="item.isuse===2" class="d-flex flex-r ali-i-c just-e b-box">
					<text class="pf-sc fw-400" style="font-size: 26rpx;color: #999999;">已过期</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:['item'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.coupon{
		
	}
</style>
